Помоги с динамической загрузкой страницы через ajax

[xsaven]

Есть функция:

function ajax_loadin_page(){
    $("[href]").click(function(){
        var url = $(this).attr('href');
        var docWidth = $(document).width();
        
        if(docWidth<768 || url=='/sign_out' || url=='#'){
            location=url; return false;    
        }
        
        $('#ajax-content').css('opacity', '0.5');
        $('#pageLoading').show();
        
        if(url.indexOf('http') + 1) {
            location=url; return false;
        }
        
        var simb = '?';
        if(url.indexOf('?') + 1) {
            simb = '&';
        }

        $.ajax({
            url:     url + simb +'ajax=1',
            success: function(r){
                $('#ajax-content').css('opacity', '1');
                $('#ajax-content').html(r);
                $('#pageLoading').hide();
                ajax_loadin_page();
                
                if (url != window.location){
                    window.history.pushState(null, null, url);
                }
                if($(".masonry").length>0) {
                    var container = document.querySelector('.masonry');
                    var msnry = new Masonry( container );
                    msnry.reloadItems(); 
                }
                return false;
            }
        });
        
        return false;
    });
}

Вроде бы работает всё четко, но иногда запросы $.ajax повторяются по 50-100 раз самостоятельно, подскажите, у меня уже голова болит(((

[danik.js]

Может скапливаются дубли обработчиков click ? Твой алгоритм будет работать только если все [href] будут затираться аяксом. Если какие-то находятся вне #ajax-content - то на них будет навешан обработчик 2й, 3й и тд разы. В итоге при клике будет запущена целая куча запросов.

[danik.js]

simb +'ajax=1',

Вот это нафиг не нужно. На сервере достаточно проверять http-заголовок X-Requested-With: XMLHttpRequest (его выставляет jQuery при запросах)

[xsaven]

ну смотри я переделал таким образом:

function inner_ajax_loadin_page(){
    $("#ajax-content [href]").click(function(){
        var url = $(this).attr('href');
        var docWidth = $(document).width();
        
        if(docWidth<768 || url=='/sign_out' || url=='#'){
            location=url; return false;    
        }
        
        $('#ajax-content').css('opacity', '0.5');
        $('#pageLoading').show();
        
        if(url.indexOf('http') + 1) {
            location=url; return false;
        }
        
        var simb = '?';
        if(url.indexOf('?') + 1) {
            simb = '&';
        }

        $.ajax({
            url:     url + simb +'ajax=1',
            success: function(r){
                $('#ajax-content').css('opacity', '1');
                $('#ajax-content').html(r);
                $('#pageLoading').hide();
                
                $('#Posts').animate({ scrollTop:0 },"slow");
                
                if (url != window.location){
                    window.history.pushState(null, null, url);
                }
                if($(".masonry").length>0) {
                    var container = document.querySelector('.masonry');
                    var msnry = new Masonry( container );
                    msnry.reloadItems(); 
                }
                return false;
            }
        });
        
        return false;
    });
}

function ajax_loadin_page(){
    $("[href]").click(function(){
        var url = $(this).attr('href');
        var docWidth = $(document).width();
        
        if(docWidth<768 || url=='/sign_out' || url=='#'){
            location=url; return false;    
        }
        
        $('#ajax-content').css('opacity', '0.5');
        $('#pageLoading').show();
        
        if(url.indexOf('http') + 1) {
            location=url; return false;
        }
        
        var simb = '?';
        if(url.indexOf('?') + 1) {
            simb = '&';
        }

        $.ajax({
            url:     url + simb +'ajax=1',
            success: function(r){
                $('#ajax-content').css('opacity', '1');
                $('#ajax-content').html(r);
                $('#pageLoading').hide();
                inner_ajax_loadin_page();
                
                $('#Posts').animate({ scrollTop:0 },"slow");
                
                if (url != window.location){
                    window.history.pushState(null, null, url);
                }
                if($(".masonry").length>0) {
                    var container = document.querySelector('.masonry');
                    var msnry = new Masonry( container );
                    msnry.reloadItems(); 
                }
                return false;
            }
        });
        
        return false;
    });
}

так не происходит дублирования но все равно количество запросов идёт по многу!

[danik.js]

Тогда не знаю. Поставь точку останова, смотри цепочку вызовов. Хром показывает даже асинхронные цепочки.